/* --------- COLLAPSIBLE PANELS ----------*/
@font-face {
	font-family: 'DIN';
	src: url('DIN.eot');
	src: local('DIN'), local('DIN'), url('DIN.ttf') format('truetype');
}
h2, p, ol, ul, li {
	margin:0px;
	padding:0px;
	font-size:13px;
}
body {
	font-family:DIN;
	margin:0;
	padding:0;
	background-color:#fff;
}
ol, ul {
	padding:3px 0 10px 22px;	
}
li {
	padding:0 0 4px 0;	
}
hr {
	border:none;
	height:1px;
	border-top:1px dashed #999;
}
#container {
	width:960px;	
	margin:auto;
	margin-top:10px;
}

.expandable-panel {
    width:100%; 
    position:relative;
    min-height:50px;
    overflow:auto;
    margin-bottom: 0;
	/* border:1px solid #999; */
	border: 0;
	color:#fff;
}   
.head1 {
	background-color:#83586C;
}
.head2 {
	background-color:#FD4D58;
}
.head3 {
	background-color:#B62068;
}
.expandable-panel-heading {
    width:100%; 
    cursor:pointer;
    min-height:50px;
    clear:both;
    position:relative;
}
.expandable-panel-heading:hover {
    color:#ea0;
}
h2 {
    padding:14px 10px 9px 15px; 
    font-size:18px;
    line-height:20px;
}
.expandable-panel-content { 
	width: 95%;
    padding:0 15px 0 15px;
    margin-top:-999px;
	color:#000;
}
.expandable-panel-content p {
    padding:4px 0 6px 0;
}
.expandable-panel-content p:first-child  {
	padding-top:10px;
}
.expandable-panel-content p:last-child {
	padding-bottom:15px;	
}
.expandable-panel-content img {
	float:right;
	padding-left:12px;	
	clear:both;
}

#topsection{
	margin:0 auto 0 auto;
	background: #EAEAEA;
	min-height: 90px; /*Height of top section*/
}

#topsection h3{
	margin: 0;
	padding-top: 15px;
}

.innertube{
	width: 960px;
	margin: 0 auto; /*Margins for inner DIV inside each column (to provide padding)*/
	font-size:24px;
	color:#B32168;
}

.icon-close-open {
    width:20px;
    height:20px;
    position:absolute;
    background-image:url(icon-close-open.png);
    right:15px;
}




.www {
    width:100%;
	border-spacing:5px;
}

.isipaket {
	width:185px;
	color:#fff;
	behavior: url(border-radius.htc);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-o-border-radius: 7px;
	overflow: hidden; /*notice*/
}

.isipaket1 {
	width:130px;
	color:#fff;
	behavior: url(border-radius.htc);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-o-border-radius: 7px;
	overflow: hidden; /*notice*/
}

.isipaket2 {
	width:130px;
	color:#fff;
	behavior: url(border-radius.htc);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-o-border-radius: 7px;
	overflow: hidden; /*notice*/
}

.konten {
    background-color:#DAE1E9;
	text-align:center;
}

.info {
	width: 100%;
	height:400px;
    background-color:#fff;
	text-align:center;
}